@charset "UTF-8";
/* 
1 移动端的滚动条 不一定都要用iscroll来实现
  1 就使用原生的滚动条！！！
  2 要有弹簧效果 此时 再去使用iscrll来实现 
  3 先实现页面的主要效果 动态渲染
  4 再去优化页面
    1 使用iscrll
    2 使用rem 
*/
.pyg_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pyg_main .left {
  width: .8rem;
  font-size: 0.14rem;
  overflow: hidden;
}

.pyg_main .left ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pyg_main .left ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: .4rem;
}

.pyg_main .left ul .active {
  border-left: 3px solid #0094ff;
  background-color: #fff;
}

.pyg_main .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: scroll;
  background-color: #fff;
}

.pyg_main .right .goods_item .goods_title {
  color: #0094ff;
  font-size: .14rem;
  height: .4rem;
  line-height: .4rem;
  padding-left: .15rem;
}

.pyg_main .right .goods_item ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pyg_main .right .goods_item ul li {
  width: 33.33%;
}

.pyg_main .right .goods_item ul li a {
  display: block;
  text-align: center;
}

.pyg_main .right .goods_item ul li a img {
  width: 70%;
}

.pyg_main .right .goods_item ul li a .goods_name {
  font-size: .13rem;
  color: #000;
}
